<template>
    <div>
        <div class="iframe-wrap">
            <iframe id="frameObj" class="iframe-class" src="https://1.optbbs.com/s/vix.shtml?300ETF" @load="onLoaded"></iframe>
        </div>

        <div class="tip-wrap">
            <div class="fr">
                <i class="el-icon-info"></i>
                <a href="https://1.optbbs.com/s/vix.shtml?300ETF" target="_blank">去期权论坛查看详情&gt;&gt;</a>
            </div>
        </div>
    </div>
</template>

<script>
export default {
	name: 'VixEtf300',
	components: { },
    directives: { },
	mixins: [],
	data() {
		return {
			
		}
	},
	created() {
		this.getPageData()
	},
	methods: {
		getPageData() {
            // let that = this
            // getSinaQuote('nf_IC2201,nf_IC2202,nf_IC2203,nf_IC2206').then(res => {
            //     console.log('getSinaQuote', res)
            //     if (res.err_code === 0) {
            //         let _jsStr = praseSinaJsStr(res.data)
                    
            //         debugger
            //     }
            // })
        },
        onLoaded() {
            // document.getElementById("frameObj").document.body.scrollTop = "500";
        }
    }
}
</script>

<style lang="scss" scoped>
    .iframe-wrap {
        width: 100%;
        height: calc(100vh - 200px);
        min-height: 700px;
        border: 0;
        margin: 0 auto;
        display: block;
        overflow: scroll;
        padding-top: 1px;
        .iframe-class {
            width: 100%;
            height: calc(100% + 610px);
            display: block;
            border: 0;
            margin-top: -610px;
        }
    }
    .tip-wrap {
        width: 1200px;
        margin: 0 auto;
        padding: 30px 0;
        font-size: 13px;
        line-height: 26px;
    }
</style>
